<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>商品信息啦</title>
    <link th:href="@{/webjars/bootstrap/4.5.0/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/route-detail.css}">
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}"></script>
    <script th:src="@{/webjars/bootstrap/3.0.1/js/bootstrap.min.js}"></script>
</head>

<body>
<!--引入头部-->
<div th:replace="header::header"></div>
<!-- 详情 start -->
<div class="wrap">
    <div class="bread_box">
        <a th:href="@{/user/index}">首页</a>
        <span> &gt;</span>
        <a href="#" th:text="${CATEGORY_NAME}">国内游</a><span> &gt;</span>
        <a href="#">这可是一件美丽的商品哟</a>
        <span hidden th:text="${WARES.no}" id="waresNo"></span>
        <span hidden th:text="${session.USER_LOGIN_SESSION_FLAG.username}" id="username"></span>
    </div>
    <div class="prosum_box">
        <dl class="prosum_left">
            <dt id = "big_img">
                <img alt="" class="big_img" th:src="@{/images/beautifulGirl.jpg}" >
            </dt>
            <dd id="dd">
            </dd>
        </dl>
        <div class="prosum_right">
            <p class="pros_title" id="rname" th:text="'【'+${WARES.name}+'】'">【[[${WARES.name}]]】】</p>
            <p class="hot" id="routeIntroduce" th:text="${WARES.mark}">1-2月出发，网付立享￥1099/2人起！爆款位置有限，抢完即止！</p>
            <div class="pros_other">
                <p>经营商家：<span id="sname">兴华商业</span></p>
                <p>咨询电话 : <span id="consphone">15937576825</span></p>
                <p>地址 ： <span id="address">河南省周口市华耀城兴华商业店</span></p>
            </div>
            <div class="pros_price">
                <p class="price"><strong id="price" th:text="'¥'+${WARES.retailPrice}">¥2699.00</strong><span>起</span></p>
                <p class="collect">
                    <a class="btn" id="appointment"><i class="glyphicon glyphicon-heart-empty"></i>点击预约</a>
                    已预约<span id="appointmentCount">100</span>次
                </p>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/js/appointment.js}"></script>

<div th:replace="footer::#footer"></div>

</body>
</html>